<template>
<div>
    <h1>保险公司管理</h1>
<el-button type="primary" class="button-add">+添加保险公司</el-button>
<el-table
    :data="tableData"
    style="width: 100%"
    max-height="250">
    <el-table-column
      fixed
      prop="number"
      label="编号"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="公司名称"
      width="120">
    </el-table-column>
    <el-table-column
      prop="shortname"
      label="公司短名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="phone"
      label="公司报案电话"
      width="120">
    </el-table-column>
    <el-table-column
      prop="money"
      label="是否支持垫付款"
      width="300">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="120">
    </el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">操作</el-button>
      </template>
    </el-table-column>
</el-table>
<el-pagination
  background
  layout="prev, pager, next"
  :total="500">
</el-pagination>
 </div>
</template>
<script>
  export default {
    methods: {
      deleteRow(index, rows) {
        rows.splice(index, 1);
      }
    },
    data() {
      return {
        tableData: [{
          number: '10',
          name: 'PICC中国人民保险',
          shortname: '人保',
          phone: '4008667788',
          money: '是',
          address: '地址地址地址地',
        }]
      }
    }
  }
</script>

<style lang="scss" scoped>

.button-add{
    width:130px;
    height:35px;
    line-height:12px;
}
</style>